<template>
  <img :src="src" :alt="alt" class="avatar-image" :style="style">
</template>
<script>
export default {
  props: {
    src: String,
    alt: String,
    size: {
      default: '35px',
      type: String
    }
  },
  computed: {
    style() {
      return {
        height: this.size,
        width: this.size
      }
    }
  }
}
</script>
<style>
.avatar-image {
  border-radius: 50%;
  border: 1px solid #f3f3f3;
}
</style>


